<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">

	<head th:replace="header :: common_header(~{::title},~{::link})">
		<link th:href="@{/assets/pages/css/agent.css}" rel="stylesheet" type="text/css" />
		 <title>秒到2.0商户管理后台</title>
	</head>

	<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">

		<div class="page-wrapper">
			<div class="page-header navbar navbar-fixed-top" th:insert="~{index :: navbar-top}"></div>
			<div class="clearfix"></div>
			<div class="page-container">
				<div class="page-sidebar-wrapper" th:insert="~{index :: sidebar}">
				</div>
				<div class="page-content-wrapper">
					<div class="page-content">
						<div class="row">
							<div class="col-xs-12">
								<div class="portlet light bordered relative">
									<div class="portlet-title">
										<div class="caption"><i class="icon-settings font-dark"></i><span class="caption-subject bold uppercase">代理商详情</span></div>
									</div>
									<!--<div class="page-bar">
						<ul class="page-breadcrumb">
							<li><a href="/p/index">首页</a> <i class="fa fa-circle"></i></li>
							<li><a href="/p/agent/mng">用户管理</a> <i class="fa fa-circle"></i></li>
							<li><span>用户信息</span></li>
						</ul>
					</div>-->
									<div class="portlet-body">
										<!-- 基本资料 -->
										<div class="agent_jbzl relative margin-bottom-25">
											<div class="agent_jbzl_head">
												基本资料 <span id="agent_jbzl_eidt">编辑</span>

											</div>
											<div class="pull-right">
												 <big><span >状态：[[${agent.isActive=='0'?'停用':'正常'}]]</span></big>

											</div>
											<div class="agent_jbzl_jbzl relative">
											<!-- 	<div class="col-md-1 col-xs-4">
													<div class="agent_img_box">
														<img th:src="${agent?.avatarUrl}" width="100%" style="border-radius:72px !important;" />
													</div>
												</div> -->
												<div class="col-md-4 col-xs-8 agent_xx">
													<input type="hidden" class="ids" th:value="${agent?.id}" />
													<div>账户名：[[${agent?.name}]]</div>
													<div>姓名：[[${agent?.contractName}]]</div>
													
												    <div>地址：[[${agent?.address}]]</div>
													
												
													 
												</div>
												
												<div class="col-md-4 agent_xx">
													<div>等级：[[${al?.name}]]</div>
													<div>联系电话：[[${agent?.phone}]]</div>
													<div>开通人：[[${agent?.type}]][[${operator?.name}]]</div>
												</div>
												<div class="col-md-3 agent_xx">
													<div>类型：[[${agent?.type}]]</div>
													<div>隶属上级：[[${parentAgent?.name}]]</div>
														<div>
														创建时间：[[${#dates.format(agent?.createDate, 'yyyy-MM-dd HH:mm')}]]</span>
													</div>
												</div>
											</div>

										</div>

									<div class="relative agent_count">
										<div class="col-4">
											<div class="panel panel-primary relative">
												<h1>[[${num}]]</h1>
												<small>开通代理商数量</small>
											</div>
										</div>
										<div class="col-4">
											<div class="panel panel-primary relative">
												<h1>[[${shnum}]]</h1>
												<small>代理商户数量</small>
											</div>
										</div>
										<div class="col-4">
											<div class="panel panel-primary relative">
												<h1>[[${agent?.totalCount}]]</h1>
												<small>累积购买套数</small>
											</div>
										</div>
									</div>
									
									<div class="tabs">
										<ul class="nav nav-tabs">
<!-- 											<li><a data-toggle="tab" href="">开通记录</a></li>
 -->											<li  class="active"><a data-toggle="tab" href="#menu2">开通商户</a></li>
											<li ><a data-toggle="tab" href="#menu3">开通代理商</a></li>
										</ul>
										<div class="tab-content">
											<div id="menu1" class="tab-pane  in fade">
												<div class="col-xs-12 agent_shdz">
													<div class="row">
														<div class="col-md-12">
															<div class="portlet light bordered">
		
																<div class="relative">
		
																	<table class="table table-striped table-bordered table-hover table-checkable order-column" >
																		<thead>
																			<tr>
																				<th>开通时间</th>
																				<th>代理商名称</th>
																				<th>代理商等级</th>
																				<th>类型</th>
																				<th>联系人</th>
																				<th>联系人电话</th>
																					<th>开通商户数量</th>
																						<th>状态</th>
																							<th>查看</th>
																			</tr>
																		</thead>
																		
																	</table>
																</div>
															</div>
														</div>
													</div>
													<div class="col-xs-12 text-right">
														<div class="btn green btn-back" onclick="javascript:window.history.back();">返回</div>
													</div>
												</div>
											</div>
											<div id="menu2" class="tab-pane active in fade">
												<div class="col-xs-12 agent_shdz">
													<div class="row">
														<div class="col-md-12">
															<div class="portlet light bordered">
		
																<div class="relative">
		
																	<table class="table table-striped table-bordered table-hover table-checkable order-column" id="tenant_table">
																		<thead>
																			<tr>
																				<th>商户名称</th>
																				<th>行业</th>
																				<th>商户编号</th>
<!-- 																				<th>商户名称</th>
 																				<th>联系人</th>-->
																				<th>联系人电话</th>
																			    <th>省份</th>
																				<th>城市</th>
																				<th>代理时间</th>
																				<th>结束时间</th>
																				<th>累积代理时间(天)</th>
																				<th>状态</th>
																						
																			</tr>
																		</thead>
																		
																	</table>
																</div>
															</div>
														</div>
													</div>
													<div class="col-xs-12 text-right">
														<div class="btn green btn-back" onclick="javascript:window.history.back();">返回</div>
													</div>
												</div>
											</div>
											<div id="menu3" class="tab-pane fade">
												<div class="col-xs-12 agent_shdz">
													<div class="row">
														<div class="col-md-12">
															<div class="portlet light bordered">
		
																<div class="relative">
		
																	<table class="table table-striped table-bordered table-hover table-checkable order-column" id="table_role">
																		<thead>
																			<tr>
																				<th>开通时间</th>
																				<th>代理商名称</th>
																				<th>代理商等级</th>
																				<th>类型</th>
																				<th>联系人</th>
																				<th>联系人电话</th>
																					<th>开通商户数量</th>
																						<th>状态</th>
																							<th>查看</th>
																			</tr>
																		</thead>
																		
																	</table>
																</div>
															</div>
														</div>
													</div>
													<div class="col-xs-12 text-right">
														<div class="btn green btn-back" onclick="javascript:window.history.back();">返回</div>
													</div>
												</div>
											</div>
										</div>
									</div>
										<!-- 开通记录 -->
										
										
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			
			<div class="page-footer">
				<div class="page-footer-inner">
					<a>2017 &copy; 秒迅科技</a>
				</div>
				<div class="scroll-to-top">
					<i class="icon-arrow-up"></i>
				</div>
			</div>
		</div>

		<!-- 业务js -->
		<script th:src="@{/assets/pages/scripts/agentDetail.js}" type="text/javascript"></script>

	</body>

</html>